// 屏幕自适应宽度
$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px
);

// 添加圆角大小 6.4px 8px
$border-radius-xl:            .4rem;
$border-radius-xxl:           .5rem;

// Color Variables
$white:    #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #6c757d !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$black:    #000 !default;

$blue: #4e73df !default;
$indigo: #6610f2 !default;
$purple: #6f42c1 !default;
$pink: #e83e8c !default;
$red: #e74a3b !default;
$orange: #fd7e14 !default;
$yellow: #f6c23e !default;
$green: #1cc88a !default;
$teal: #20c9a6 !default;
$cyan: #36b9cc !default;



//custorm variables
$theme-color: #FE4F70;

//link style
$link-color:           		$gray-900 !default;
$pagination-hover-color:	$theme-color;

//form
$input-bg:                              #f7f7f7;
$input-focus-bg:                        $white;
$input-border-color:                    #f7f7f7;
$input-border-width:                    1px;
$input-focus-border-color:              #f7f7f7;
$input-focus-box-shadow: 				none;

//pagination
$pagination-color:                  $link-color;;
$pagination-bg:                     $white;
$pagination-border-radius:          50%;
$pagination-border-color:           #dee2e6;
$pagination-focus-color:            $white;
$pagination-focus-bg:               #333;
$pagination-hover-color:            $link-color;
$pagination-hover-bg:               #e9ecef;
$pagination-hover-border-color:     #dee2e6;
$pagination-active-color:           $white;
$pagination-active-bg:              #333;
$pagination-active-border-color:    #333;
$pagination-border-radius-sm:       50%;
$pagination-border-radius-lg:       50%;

